<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ page import="com.yinsin.util.CodeLoader" %>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> Hid Chat - 隐聊 </title>
</head>
<body>
	<div id="js-socket-panel"><%=CodeLoader.loaderCode(path) %></div>
	<div id="left-main">
		<div id="userListDiv" class="shadow">
			<div class="userDv all_user choose" id="alluserid">
				<img width="18" height="18" class="ulist-header-img" src="<%=path%>/pages/chats/images/headImage/default.png">
				<span class="user-all">所有人</span>
			</div>
			<div class="userDv my" id="">
				<img width="18" height="18" class="ulist-header-img" src="<%=path%>/pages/chats/images/headImage/default.png">
				<span class="user-my">(局域网)--自己</span>
			</div>
			<div id="load-user-wait">
				<img src="<%=path%>/pages/chats/images/waiting-small.gif">
				用户列表加载中...
			</div>
		</div>
		<div id="userInfoDiv">
			<input type="hidden" id="chatMode" value="chatall" />
			<input type="hidden" id="name" value="" />
			<input type="hidden" id="userName" value="" />
		</div>
		<div id="info" class="shadow"></div>
		
		<div id="myInfo" class="shadow">
			<div class="set-line">
				<div class="set-td">人员过滤</div>
				<div class="set-td">
					<select id="person-city">
						<option value="all">显示全部</option>
					</select>
				</div>
			</div>
			<div class="set-line">
				<div class="set-td">消息过滤</div>
				<div class="set-td">
					<select id="msg-type">
						<option value="all">全部消息</option>
						<option value="city">同城消息</option>
						<option value="chat">私聊消息</option>
					</select>
				</div>
			</div>
			<div class="set-line but-line">
				<div class="set-td">
					<button class="mbtn" disabled="disabled">资料修改</button>
				</div>
				<div class="set-td">
					<button class="mbtn" disabled="disabled">个人设置</button>
				</div>
				<div class="set-td">
					<button class="mbtn" id="clearRecordBtn">清空记录</button>
				</div>
			</div>
		</div>
		<div id="editcontent" class="shadow">
			<div id="tools-div">
				<div id="editTool">
					<div id="fontDv">
						<img src="<%=path%>/pages/chats/images/font.png">
					</div>
					<div id="faceDv">
						<img src="<%=path%>/pages/chats/images/face.png">
					</div>
					<div id="actionDv">
						<img src="<%=path%>/pages/chats/images/action.png">
					</div>
					<div id="imgDv">
						<img src="<%=path%>/pages/chats/images/img.png">
					</div>
					<div id="medioDv">
						<img src="<%=path%>/pages/chats/images/medio.png">
					</div>
				</div>
			</div>
			<div id="content" contenteditable></div>
			<div id="btn-panel">
				<div class="to-user">
					<div id="touser-name">所有人</div>
					<div id="touser-id">all_user</div>
				</div>
				<button id="sendBut" class="mbtn">
					发送<br />Ctrl+Enter
				</button>
			</div>
		</div>
	</div>
	<div id="right-main">
		<div class="advert-box">
			<div class="advert-img">
				<a href="http://yisin.88448.com" target="_blank"><img src="<%=path%>/pages/images/myweb/yisin-bbs.png" width="170" height="120"/></a>
			</div>
			<div class="advert-text">
				<a href="http://yisin.88448.com" target="_blank">隐心技术交流论坛</a>
			</div>
		</div>
		
		<div class="advert-box">
			<div class="advert-img">
				<a href="http://120.27.53.77:8180/" target="_blank"><img src="<%=path%>/pages/images/myweb/ShowCode.png" width="170" height="120"/></a>
			</div>
			<div class="advert-text">
				<a href="http://120.27.53.77:8180/" target="_blank">Show Code - 代码秀 </a>
			</div>
		</div>
	</div>
	<div id="userInfoPanal" style="left: 0px; top: 0px;">
		<table width="98%" height="99%" cellpadding="0" cellspacing="0"
			border="0" align="center">
			<tr>
				<td rowspan="6" width="94"><img id="u_headImg"
					src="<%=path%>/pages/chats/images/headImage/default.png" width="90" height="120">
				</td>
				<td id="u_name"></td>
			</tr>
			<tr>
				<td id="u_area"></td>
			</tr>
			<tr>
				<td id="u_phone"></td>
			</tr>
			<tr>
				<td id="u_qq"></td>
			</tr>
			<tr>
				<td id="u_ip"></td>
			</tr>
			<tr>
				<td id="u_email" colspan="2"></td>
			</tr>
		</table>
	</div>
	<div id="faceDiv">
		<div style="float: left; width: 100%; height: 18px;">
			<div class="facetab open" id="face1">QQ表情</div>
			<div class="facetab" id="face2">搞笑表情</div>
			<div class="facetab" id="face3">小蘑菇</div>
			<div class="facetab" id="face4">360安仔</div>
			<div class="facetab" id="face5">自定义</div>
		</div>
		<div style="float: left; width: 100%; height: 270px;">
			<div class="face-panel open" id="face1Panal"></div>
			<div class="face-panel" id="face2Panal"></div>
			<div class="face-panel" id="face3Panal"></div>
			<div class="face-panel" id="face4Panal"></div>
			<div class="face-panel" id="face5Panal"></div>
		</div>
	</div>
    <script id="seajsnode" type="text/javascript" async defer="defer" src="<%=path%>/loader.js"
        data-main="./pages/chats/src/index.js" data-css="./pages/chats/css/index.css"></script>
</body>
</html>